<script type="text/javascript" src="__PUBLIC__/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_gaplessPic.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	通过在执行完切换图片动画后，把对应的滚动对象添加到容器对应地方，特别注意的就是添加元素的时机，单击前一个按钮是先加元素到容器首位，单击下一个按钮是先滚动后再把元素加到容器尾部。
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>scrollObj</td>
            <td>滚动对象,默认.lin_scrollObj</td>
        </tr>
        <tr>
        	<td>targetObj</td>
            <td>被控制添加子对象,默认li(可以是类名或者标签名)</td>
        </tr>
        <tr>
        	<td>preBtn</td>
            <td>上一张按钮,默认.lin_btnPre</td>
        </tr>
        <tr>
        	<td>nextBtn</td>
            <td>下一张按钮,默认.lin_btnNext</td>
        </tr>
                <tr>
        	<td>autoPlay</td>
            <td>是否自动播放,默认true</td>
        </tr>
                 <tr>
        	<td>difference</td>
            <td>宽度补差值,默认0</td>
        </tr>       
                <tr>
        	<td>speed</td>
            <td>动画速度,默认1000毫秒</td>
        </tr>
        <tr>
        	<td>timer</td>
            <td>自动播放时间,默认3000毫秒</td>
        </tr>
         <tr>
        	<td>easing</td>
            <td>附加动态效果,默认easeInOutExpo,其他动画特效参考文件jquery.easing</td>
        </tr>
        </tbody>
                                </table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;jquery.easing.min.js文件;lin_gaplessPic.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_imgAd{width:200px; height:125px; border:1px solid #CCC; overflow:hidden; margin:0px auto; position:relative;}
.lin_scrollObj{position:absolute; left:0px; top:0px; z-index:1;}
.lin_scrollObj li{float:left; width:200px;height:125px;}
.lin_btnPre,.lin_btnNext{position:absolute; z-index:4; background-color:#EEE; padding:5px; color:#666666; top:45px;}
.lin_btnNext{right:1px;}
.lin_btnPre{left:1px;}</pre>
                                <p>js</p>
                                <pre>$("#demo1").lin_gaplessPic();</pre>
             <div class="blank10"></div>
			<div id="demo1" class="lin_imgAd">
            	<a href="javascript:void(0);" title="上一张" class="lin_btnPre"><</a>
                <a href="javascript:void(0);" title="下一张" class="lin_btnNext">></a>
            	<ul class="lin_scrollObj">
                	<li><img src="__PUBLIC__/images/jquery/a.gif"  alt="图片一"/></li>
                    <li><img src="__PUBLIC__/images/jquery/b.gif"  alt="图片二"/></li>
                </ul>
            </div>
                            	                             
                                
                            </div>  
                            <div class="clearfix pt40 pb40">
                            	<a href="http://url.cn/KYGYlG" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
	 	$("#demo1").lin_gaplessPic();
	});
 </script>   
